<template>
  <div id="app">
    <h1 style="text-align: center">xslx 导出实例</h1>
    <h2>基础导出</h2>
    <demo1></demo1>
    <h2>标题合并</h2>
    <demo2></demo2>
    <h2>末尾添加行</h2>
    <demo3></demo3>
    <h2>自定义行高、列宽</h2>
    <demo4></demo4>
  </div>
</template>

<script>
import demo1 from "@/components/demo1";
import demo2 from "@/components/demo2";
import demo3 from "@/components/demo3";
import demo4 from "@/components/demo4";

export default {
  name: "app",
  components: {
    demo1,
    demo2,
    demo3,
    demo4
  }
};
</script>

<style>
#app {
  width: 90%;
  margin: auto;
}
</style>